<template>
  <div class="shelter" @click="hideShelter">
    <select-city></select-city>
  </div>
</template>
<script>
import SelectCity from "./selectCity.vue"
export default {
  name: "shelterele",
  components: {
    SelectCity
  },
  methods: {
    hideShelter(event){
      event.target.style.display = "none";
    }
  },
}
</script>
<style lang="less">
  .shelter{
        width: 100%;
        height: 100%;
        background: rgba(37,40,48,0.7);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
      }
</style>